<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>管理员赛事页面</title>
<script src="js/jquery.min.js"></script>
<style>
table{margin:auto}
.btn{bottom:5px;
margin:auto;
position:fixed}
.button1{
	display:inline-block;padding:15px 25px;font-size:15px;cursor:pointer;text-align:center;text-decoration:none;
	outline:none;color:#4CAF50;background-color:#DDA0DD;border:none;border-radius:10px;box-shadow:0 6px #999;
}
.button1:hover{
background-color:#3e8e41;
}
.button1:active{
background-color:#3e8e41;box-shadow:0 4px #666;transform:translateY(3px);
}

p{
	font-family:"Arial";
	color:#FFFF33;
}

.remarks{width:300px;
		height:50px}

.box2 {
	width: 75em;
	height: 70em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	display:inline-block;

}

.box3 {
    bottom:5px;
	width: 90em;
	height: 4em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	float: left;
	position:absolute;
	
}

.box4 {
	width: 90em;
	height: 4em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	float: left;

}


.box6 {
	width: 90em;
	height: 80em;
	float: left;
	background: #655;
	background-image: radial-gradient(tan 30%, transparent 0),
	radial-gradient(tan 30%, transparent 0);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
	text-align:center;	
}
</style>
</head>

<body>
<div class="box6">
<div class="box4">
<p><a th:href="@{/AdGetCompetition}">软件学院赛事系统</a>
</div>
<form action="AdGetCompetition" method="get">
<div class="box2">
<table>
<thead>
<tr>
<td style="width:5%">  </td>
<td style="width:8%"><p>序号</td>
<td style="width:15%"><p>举办方名称</td>
<td style="width:15%"><p>赛事名称</td>
<td style="width:12%"><p>赛事类型</td>
<td style="width:20%"><p>赛事时间</td>
<td style="width:20%"><p>备注</td>
</tr>
</thead>
<tbody>
<tr th:each="competitions,loopStatus: ${competitions}">
<td th:list="${competitionsStat.index+1}"></td>
<td th:text="${competitions.OrganizersName}"></td>
<td th:text="${competitions.CompetitionName}"></td>
<td th:text="${competitions.CompetitionType}"></td>
<td th:text="${competitions.CompetitionRemarks}"></td>
</tbody>
</table>
</div>
</form>
<div class="box3">
<table class="btn">
<tr>
<td style="width:30%"><button class="button1" onclick="window.open('http://localhost:8080/CompAdApprove.html')">赛事审批</button></td>
<td style="width:60%"><button class="button1" onclick="window.open('http://localhost:8080/CompAdRecord.html')">审批记录</button></td>
</tr>
</table>
</div>
</div>
</body>